<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <title>乐看-筛选</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="/css/see/reset.min.css">
    <link rel="stylesheet" href="/css/see/mediaScreen.min.css?v=<%=$version%>">
</head>
<body>
<div id="mediaScreen" v-cloak>
    <div class="mediaScreen-top">
        <header class="cityAdHotlist-top"><span class="goback" @click="getBack()"></span>{{name}}</header>
        <div class="mediaScreen-div">
            <span :class="{active:categoryId==''}" @click="getTab()">全部</span>
            <span v-for="item in categoryQuery.allMediaCategorys" :class="{active:categoryId==item.categoryId}" @click="getTab(item.categoryId)">{{item.name}}</span>
        </div>
    </div>
    <div class="mediaScreen-cent" v-if="type==1||type==2">
        <selfmedia-flow :list="queryList2" :number="1"></selfmedia-flow>
    </div>
    <div class="selfMedia-tabCent circle-cent clearfix" v-if="type==3">
        <div class="selfMedia-list circle-centList" v-for="item in queryList2" @click.stop="getUser(1,item)">
            <div class="circle-img">
                <img :data-original="item.coverImgSrc" class="lazy">
                <span><strong>{{item.userCount}}</strong>人</span>
                <div class="circle-imgShadow"></div>
            </div>
            <h6>{{item.name}}</h6>
            <p @click.stop="getUser(2,item)"><span :style="bgimg(item.headImg)"></span>{{item.uName}}</p>
        </div>
    </div>
    <div class="loadtip" v-if="loadFlag"></div>
    <prompt-view ref="prompt"></prompt-view>
</div>
<script src='/plugins/js/jquery-1.11.3.min.js'></script>
<script type="text/javascript" src="/plugins/swiper/swiper.min.4.2.js"></script>
<script type="text/javascript" src="/plugins/js/jquery.lazyload.min.js"></script>
<script type="text/javascript" src="/plugins/js/minigrid.js"></script>
<script type="text/javascript" src="/plugins/js/vue.min.js"></script>
<script type="text/javascript" src="/js/see/mediaScreen.js?v=<%=$version%>"></script>
<script>
    $("img.lazy").lazyload();
</script>
</body>
</html>